<template>
  <div class="tag">
    <li v-for="item in data">{{ item }}</li>
  </div>
</template>
<script setup>
const props = defineProps({
  data: Array,
})
</script>
<style lang="scss" scoped>
.tag {
  list-style: none;

  li {
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    &::before {
      content: '•';
      color: #4895ef;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-right: 0.5rem;
    }
  }
}
</style>
